<!DOCTYPE html>
<!-- saved from url=(0052)http://www.jeasyui.com/documentation/linkbutton.php# -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<meta name="keywords" content="jquery,ui,easy,easyui,web framekwork,ajax framekwork,ria,web development">
		<meta name="description" content="easyui help you build your web page easily!">
		<title>linkbutton - Documentation - jQuery EasyUI</title>
        <link rel="stylesheet" href="cssandjs/main.css" type="text/css">
		<link type="text/css" rel="stylesheet" href="cssandjs/SyntaxHighlighter.css">
		<script src="cssandjs/shCore.js"></script>
		<script src="cssandjs/shBrushJScript.js"></script>
		<script src="cssandjs/shBrushXml.js"></script>
	<style type="text/css">.dp-xml .cdata { color: #ff1493; }.dp-xml .tag, .dp-xml .tag-name { color: #069; font-weight: bold; }.dp-xml .attribute { color: red; }.dp-xml .attribute-value { color: blue; }</style></head>
	<body>
		<div id="header">
						<div id="header-inner">
				<table cellpadding="0" cellspacing="0" style="width:100%;">
					<tbody><tr>
						<td rowspan="2" style="width:20px;">
						</td>
						<td style="height:52px;">
							<div style="color:#fff;font-size:22px;font-weight:bold;">
								<a href="http://www.jeasyui.com/index.php" style="color:#fff;font-size:22px;font-weight:bold;text-decoration:none">jQuery EasyUI</a>
							</div>
							<div style="color:#fff">
								<a href="http://www.jeasyui.com/index.php" style="color:#fff;text-decoration:none">easyui help you build your web page easily!</a>
							</div>
						</td>
						<td style="padding-right:5px;text-align:right;vertical-align:bottom;">
							<div id="topmenu">
								<a href="http://www.jeasyui.com/index.php">Home</a>
								<a href="http://www.jeasyui.com/demo/index.php">Demo</a>
								<a href="http://www.jeasyui.com/tutorial/index.php">Tutorial</a>
								<a href="http://www.jeasyui.com/documentation/index.php">Documentation</a>
								<a href="http://www.jeasyui.com/download/index.php">Download</a>
								<a href="http://www.jeasyui.com/extension/index.php">Extension</a>
								<a href="http://www.jeasyui.com/contact.php">Contact</a>
								<a href="http://www.jeasyui.com/forum/index.php">Forum</a>
							</div>
						</td>
					</tr>
				</tbody></table>
			</div>
			
		</div>
		<div id="mainwrap">
			<div id="content">
			

<div style="padding:10px">

<h3>LinkButton</h3>
<p>Override defaults with $.fn.linkbutton.defaults.</p>
<img src="cssandjs/linkbutton.png">

<h4>Usage Example</h4>
<div class="dp-highlighter"><div class="bar"><div class="tools"></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span class="tag">&lt;</span><span class="tag-name">a</span><span>&nbsp;</span><span class="attribute">href</span><span>=</span><span class="attribute-value">"#"</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">"btn"</span><span>&nbsp;</span><span class="attribute">iconCls</span><span>=</span><span class="attribute-value">"icon-search"</span><span class="tag">&gt;</span><span>easyui</span><span class="tag">&lt;/</span><span class="tag-name">a</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></span></li></ol></div><textarea name="code-linkbutton" class="html" style="display: none; ">	&lt;a href="#" id="btn" iconCls="icon-search"&gt;easyui&lt;/a&gt;
</textarea>
<div class="dp-highlighter"><div class="bar"><div class="tools"></div></div><ol start="1" class="dp-c"><li class="alt"><span><span>$(</span><span class="string">'#btn'</span><span>).linkbutton({&nbsp;&nbsp;</span></span></li><li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;plain:<span class="keyword">true</span><span>&nbsp;&nbsp;</span></span></li><li class="alt"><span>});&nbsp;&nbsp;</span></li><li class=""><span>$(<span class="string">'#btn'</span><span>).linkbutton(</span><span class="string">'disable'</span><span>);&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="comment">//&nbsp;disable&nbsp;the&nbsp;button</span><span>&nbsp;&nbsp;</span></span></li><li class="alt"><span>$(<span class="string">'#btn'</span><span>).linkbutton(</span><span class="string">'enable'</span><span>);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="comment">//&nbsp;enable&nbsp;the&nbsp;button</span><span>&nbsp;&nbsp;</span></span></li></ol></div><textarea name="code-linkbutton" class="js" style="display: none; ">	$('#btn').linkbutton({
		plain:true
	});
	$('#btn').linkbutton('disable');	// disable the button
	$('#btn').linkbutton('enable');		// enable the button
</textarea>

<h4>Properties</h4>
<table class="doc-table">
<tbody><tr>

<th><strong>Name</strong></th>
<th><strong>Type</strong></th>
<th><strong>Description</strong></th>
<th><strong>Default</strong></th>
</tr>
<tr>
<td>id</td>
<td>string</td>
<td>The id attribute of this component.</td>
<td>null</td>

</tr>
<tr>
<td>disabled</td>
<td>boolean</td>
<td>True to disable the button</td>
<td>false</td>
</tr>
<tr>
<td>plain</td>
<td>boolean</td>
<td>True to show a plain effect.</td>

<td>false</td>
</tr>
<tr>
<td>text</td>
<td>string</td>
<td>The button text.</td>
<td>''</td>
</tr>
<tr>
<td>iconCls</td>
<td>string</td>

<td>A CSS class to display a 16x16 icon on left.</td>
<td>null</td>
</tr>
</tbody></table>

<h4>Methods</h4>
<table class="doc-table">
<tbody><tr>
<th><strong>Name</strong></th>

<th><strong>Parameter</strong></th>
<th><strong>Description</strong></th>
</tr>
<tr>
<td>options</td>
<td>none</td>
<td>Return options property.</td>
</tr>
<tr>
<td>disable</td>
<td>none</td>

<td>Disable the button</td>
</tr>
<tr>
<td>enable</td>
<td>none</td>
<td>Enable the button</td>
</tr>
</tbody></table>

</div>

			</div>
		</div>
		<div id="footer">
			<div>Copyright (c) 2010-2011 www.jeasyui.com</div>
		</div>
		<script type="text/javascript">
						dp.SyntaxHighlighter.ClipboardSwf = '/SyntaxHighlighter/Scripts/clipboard.swf';
			dp.SyntaxHighlighter.HighlightAll('code-linkbutton');
		</script>
	
</body></html>